<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>注册</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/register.css"/>
	</head>
	<body>
		<div class="register_web">
			<header class="nav_title">
				<a href="boot.html">取消</a>
				<h1>注册</h1>
				<a href="#">&nbsp;&nbsp;&nbsp;&nbsp;</a>
			</header>
			<section>
				<form action="" method="post">
					<div class="p_frame i_content">
						<p>手机号码</p>
						<input type="search" name="" id="" placeholder="请输入手机号码" />
					</div>
					<div class="c_frame">
						<div class="ci_frame">
							<p>验证码</p>
							<input type="text" name="" id="" placeholder="请输入验证码" />
						</div>
						<a href="#" id="p_but">获取验证码</a>
					</div>
					<table>
						<tr>
							<td>
								<div class="i_content">
									<p>个人昵称</p>
									<input type="text" name="" id="" placeholder="请输入个人昵称" />
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="i_content">
									<p>设置密码</p>
									<input type="text" name="" id="" placeholder="8-20位数字和字母组合" />
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="i_content">
									<p>确认密码</p>
									<input type="text" name="" id="" placeholder="请重复输入密码" />
								</div>
							</td>
						</tr>
					</table>
					<div class="a_frame">
						<div class="a_select"><img src="img/r_a.png"/></div>
						<p>我已阅读并接受<span> 优呗小店用户注册协议</span></p>
					</div>
					<a href="login.html" class="f_fish">完成</a>
				</form>
			</section>
			<footer></footer>
			
			<!--弹窗-->
			<div class="pop-up">
				<i class="iconfont icon-xiaolian"></i>
				<p>验证码已发送</p>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		var pbut = document.querySelector("#p_but");
		var popup = document.querySelector(".pop-up");
			pbut.addEventListener("touchend",function(){
				{
					popup.style.display="block";
				}
			})
	</script>
</html>
